 .sideMenu-main{
    .cover{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
      background-color: rgba(7,17,27,0.3);
    }
    .sideMenu-wrapper{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 11;
      width: 6rem;
      background-color: rgba(7,17,27,0.9);
      @include transition('all .3s linear');
      .sideMenu-header{
        display: flex;
        padding: 1rem 0.5rem;
        .left{
          flex: 0 0 1rem;
          img{
            width: 100%;
            border-radius: 50%;
          }
        }
        .right{
          padding-left: 10px;
          color: #fff;
          .username{
            font-size: 0.4rem;
          }
          .time{
            font-size: 0.3rem;
          }
        }
      }
      .sideMenu-content{
        ul{
          position: absolute;
          top: 90px;
          right: 0;
          left: 0.5rem;
          bottom: 1.5rem;
          @include box-sizing('border-box');
          overflow-y: auto;
          li{
            padding: 0.25rem 0;
            .icon{
              display: inline-block;
              vertical-align: middle;
              line-height: 0.5rem;
              img{
                width: 0.5rem;
              }
            }
            .desc{
              margin-left: 0.2rem;
              color: #fff;
              font-size: 0.4rem;
            }
          }
        }
      }


    }
    .show-sideMenu-wrapper{
      left: -6rem;
    }
    
  }
  ul::-webkit-scrollbar {
    display: none;
  }